/*
 *  THERE SHOULD BE NO CUSTOM STYLES IN THIS FILE
 *
 *  portal tag library style sheet for use with the portal tag library
 *  this file should not be modified directly, to override css please write your own css and
 *  ensure it is imported after portal.css
 *
 *  orginally pulled in 2003 from my.af.mil [nereson]
 */

/*
 *  screen styles. these are thes styles used on screen, these styles are overritten @media print
 *  styles when printing, if the same style is present in both medias [nereson]
 */
@media screen {

    body, body td { font-family: verdana, arial, helvetica, sans-serif; padding: 0; margin: 0; font-size: 10px; }
    a { color: #000066; }

    div#portal-header { background: black; color: white; }

    h1#portal-title { float: left; font-size: 13px; margin: 0; padding: 3px; }

    /* ul font size will force the height, although font-size is set to 10 in the a */
    ul#portal-title-links { background: black; color: white; list-style-type: none; float: right; margin: 0; padding-bottom: 4px; font-size: 14px; }
    ul#portal-title-links li { display: inline; padding-bottom: 4px; }
    ul#portal-title-links li a { margin-left: 4px; margin-right: 4px; text-decoration: underline; font-size: 10px; }
    ul#portal-title-links li a:hover { text-decoration: none; }

    .portal-title-link a { background: black; color: white; }
    .portal-title-link-logout { background: #FFCC00; color: black; }
    .portal-title-link-logout a { background: #FFCC00; color: black; font-weight: bold; }

    div#portal-logo { background: url("../images/portal/afHeader.jpg") #003366 no-repeat; height: 94px; width: 100%; clear: both; }
    div#portal-message { background: #002555; color: white; font-size: 11px; font-weight: bold; text-align: right; position: absolute; border: 1px solid #8099B3; padding: 10px; right: 20px; top: 45px; }

    div#portal-tabs { width: 100%; margin: 0; padding: 0; background: #003366; height: 18px; line-height: 18px; }
    div#portal-tabs div { float: left; height: 18px; }
    div#portal-tabs a { vertical-align: middle; padding-left: 5px; padding-right: 5px; padding-bottom: 1px; }

    .portal-background-active { }
    .portal-active-inactive { background-image: url("../images/portal/white_to_grey_cross.gif"); height: 18px; width: 32px; }
    .portal-inactive-active { background-image: url("../images/portal/grey_to_white_cross.gif"); height: 18px; width: 32px; }
    .portal-inactive-inactive { background-image: url("../images/portal/grey_to_grey_cross.gif"); height: 18px; width: 32px; }
    .portal-active-background { background-image: url("../images/portal/white_to_blue_cross.gif"); height: 18px; width: 32px; }
    .portal-inactive-background {  background-image: url("../images/portal/grey_to_blue_cross.gif"); height: 18px; width: 32px; }

    .portal-active { background-color: #FFFFFF; }
    .portal-active a, .portal-active a:visited, .portal-active a:hover { color: #CC0000; font-size: 8pt; font-weight: bold; text-decoration: none; }

    .portal-inactive { background-color: #D9D9D9; }
    .portal-inactive a, .portal-inactive a:visited, .portal-inactive a:hover { color: #003366; font-size: 8pt; font-weight: bold; text-decoration: none; }

    div#portal-navigation { margin-left: 8px; margin-top: 20px; }
    div#portal-navigation span { font-size: 10px; margin-left: 5px; }

    div#portal-date { margin-left: 8px; margin-bottom: 0; margin-top: 10px; }

    ul#portal-menu { list-style-type: none; float: left; padding: 0; margin-left: 0; margin-top: 2px; clear: both; border-top: 6px solid #003366; border-left: 1px solid #003366; border-right: 1px solid #003366; border-bottom: 1px solid #003366; }

    ul#portal-menu li { display: inline; }
    ul#portal-menu a { background: #D9D9D9; width: 150px; font-size: 11px; color: #003366; line-height: 20px; vertical-align: middle;
                      text-decoration: none; border-bottom: 1px solid white; margin: 0; padding: 3px; display: block; }
    ul#portal-menu a:hover { font-weight: bold; background: #336699; color: white; }

    ul#portal-menu li ul { position: absolute; left: 150px; margin: 0; padding: 0; visibility: hidden; margin-top: -20px; border-top: 1px solid #444444; border-left: 1px solid #444444; border-right: 1px solid #444444; }
    ul#portal-menu li ul li { background: #336699; }
    ul#portal-menu li ul li a { background: #336699; color: white; line-height: 16px; vertical-align: middle;text-decoration: none; border-bottom: 1px solid #444444; margin: 0; padding: 0; padding-left: 7px; }

    div#portal-left-bar { margin-left: 5px; width: 160px; float: left; }
    div#portal-content { margin-left: 172px; clear: none; }

    .portal-information-box { background-color: #f0f0f5; border-bottom: 2px solid #00008b; border-top: 1px solid #00008b; border-left: 1px solid #00008b; border-right: 2px solid #00008b; margin-top: 3px; }
    .portal-information-box img { width: 20px; float: left; padding: 2px; }

    .portal-information-content { font-weight: normal; font-size: 10px; color: black; font-style: normal; font-family: verdana, arial, helvetica, sans-serif; text-decoration: none; margin-left: 24px; }
    .portal-information-content h1 { color: #00008B; font-weight: bold; font-size: 7pt; padding: 4px; margin: 0; padding-bottom: 0px}
    .portal-information-content p { margin-top: 0; margin-bottom: 3px; padding: 5px; padding-top: 1px}
    .portal-information-content a { font-weight: normal; font-size: 10px; color: black; font-style: normal; font-family: verdana, arial, helvetica, sans-serif; }

    .portal-alert-box { background-color: #FFCC00; border-bottom: 2px solid black; border-top: 1px solid black; border-left: 1px solid black; border-right: 2px solid black; margin-top: 3px; }
    .portal-alert-box img { width: 20px; float: left; padding: 2px; }

    .portal-alert-content { font-weight: normal; font-size: 10px; color: black; font-style: normal; font-family: verdana, arial, helvetica, sans-serif; text-decoration: none; margin-left: 24px; }
    .portal-alert-content h1 { color: red; font-weight: bold; font-size: 7pt; padding: 4px; margin: 0;  padding-bottom: 0px }
    .portal-alert-content p { margin-top: 0; margin-bottom: 3px; padding: 5px;  padding-top: 1px }
    .portal-alert-content a { font-weight: normal; font-size: 10px; color: #000000; font-style: normal; font-family: verdana, arial, helvetica, sans-serif; }

    .portal-box-header { background: #000066 url("../images/portal/corner.gif") top left no-repeat; }
    .portal-box-header span { margin-left: 10px; color: white; font-family: verdana, arial, helvetica, sans-serif; font-size: 13px; }
    .portal-box-header img { border: 0;}
    .portal-box-header a { float: right; padding-right: 6px; color: white; }

    .portal-box-content { border: solid 1px #000066; margin: 0; padding: 0; }
    .portal-box-content p { font-size: 11px; margin: 0; padding: 3px; }
    .portal-box-content h1 { font-size: 12px; color: #336699; background-color: #E7E7E7; margin: 0; border-bottom: 1px solid white; padding-left: 5px; }
    .portal-box-content h1 a { color: #336699; }
    .portal-box-content h1 img { border: 0; margin-left: 2px; }

    div#portal-footer { clear: both; background-color: #CCCCCC; margin-top: 10px; height: 22px; }
    div#portal-footer span { color: #000033; vertical-align: middle; font-size: 10px; line-height: 22px; }
    div#portal-footer a { color: #000033; padding-left: 5px; padding-right: 5px; }
    div#portal-footer img { float: right; }

}

/*
 *  print styles. when printing, these styles are used rather than the @media screen styles [nereson]
 */
@media print {
    div#portal-header { display: none; }
    ul#portal-menu { display: none; }
    div#portal-footer { display: none; }
    div#portal-content { width: 100%; margin-left: 0px; }
}
